<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
     <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/shequ.css">
    <link rel="stylesheet" href="./font_e8gtxmgkjc/iconfont.css">

</head>
<body>
    <div class="main-viewport">
    <div class="nav-top">
       <a href="./index.html"><span  class="iconfont icon-fanhui"></span></a>
        <a href="">全球</a>
        <span class="iconfont icon-xialajiantouxiao"></span>
                <a href=""><span class="iconfont icon-sousuo"></span></a>
                <input type="text" placeholder="目的地/景点/话题...">
                <a href=""><span class="iconfont icon-icon-test"></span></a>
               <div class="second-nav">
                    <p><a href="">北京</a></p>
                    <p><a href="">上海</a></p>
                    <p><a href="">安徽</a></p>
                    <p><a href="">南京</a></p>
                </div>
            </div>
    <!--  -->
    <div class="nav">
        <ul>
            <li><a href="">发现</a></li>
            <li><a href="">温泉</a></li>
            <li><a href="">滑雪</a></li>
            <li><a href="">博物馆</a></li>
            <li><a href="">动物园</a></li>

        </ul>
    </div>
<!--  -->
    <div class="body">
        <div class="left-body">
            <div class="one">
                <img src="./img/i1.jpg" alt="" width="180px">
                <div class="content">
                   <a href="">北京受罪已回，真不建议8月分来了</a>
                 <span class="iconfont icon-icon-test"></span>
                   <span>M59****4995</span>
                   <span></span>
                   <span>111</span>
                </div>
            </div>
            <div class="two">
                  <img src="./img/i2.jpg" alt="" width="190px">
                <div class="content">
                   <a href="">✔️一篇看懂27艘船的优缺点</a>
                 <span class="iconfont icon-icon-test"></span>
                   <span>M59****4995</span>
                   <span></span>
                   <span>111</span>
                </div>
            </div>
        </div>
        <div class="right-body">
            <div class="one">
                  <img src="./img/i3.jpg" alt="" width="180px">
                <div class="content">
                   <a href="">✔️一篇看懂27艘船的优缺点谁说东北只能冬天玩❓东北避暑</a>
                 <span class="iconfont icon-icon-test"></span>
                   <span>M59****4995</span>
                   <span></span>
                   <span>111</span>
            </div>
            </div>
            <div class="two">
                  <img src="./img/i4.jpg" alt="" width="180px">
                <div class="content">
                   <a href="">日本8-10月超全旅游攻略 🇯🇵✨</a>
                 <span class="iconfont icon-icon-test"></span>
                   <span>M59****4995</span>
                   <span></span>
                   <span>111</span>
            </div>
        </div>
    </div>





    </div>
    
</body>
</html>